<template>
	<view class="body">
		<view class="">
			<uni-Swiper-Dot :info="info" :current="current" field="content" :mode="'default'">
				<swiper class="swiper-box" @change="change">
					<!-- autoplay="true" -->
					<swiper-item v-for="(item ,index) in info" :key="index">
						<view class="swiper-item">
							<image :src="item.pic" mode="aspectFill"></image>
						</view>
					</swiper-item>
				</swiper>
			</uni-Swiper-Dot>
		</view>
		<view class="margin-box">
			<view class="menu_box">
				<view class="menu_item" v-for="(item,index) in menuList" :key="index" @tap="toUserList(item.text)">
					<image :src="item.url" mode=""></image>
					<text>{{item.text}}</text>
				</view>
			</view>
			<view class="picBox">
				<view class="picBox_item">
					<!-- <image @tap="toRuzhu" class="join" src="../../../static/jingyu/join.png" mode=""></image>
					<image @tap="toWebView('tiyan')" class="tiyan" src="../../../static/jingyu/tiyan.png" mode=""></image> -->
					<image @tap="toWebView('baodian')" class="join" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.WCCbDXBQCkdo78c78cbfb5716b7ad68a3f4f16841707.png"
					 mode=""></image>
					<image @tap="toRuzhu('buy')" class="tiyan" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.QIkgf4Nd4eJL4a07322691d805b6685379648c9c34c7.png"
					 mode=""></image>
				</view>
				<view class="picBox_item">
					<image @tap="toRuzhu()" class="manual" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.stuktPqden4e0ea3df70296e8583f45d6f649a63ca1b.png"
					 mode=""></image>
					<image @tap="toWebView('gonglue')" class="Strategy" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.N2GYcmEFbwzJa5e4c8a361d352bae73e497199fefd90.png"
					 mode=""></image>
				</view>
			</view>
		</view>
		<view class="margin-box">
			<view class="videoBox">
				<view class="vider_top">
					<text>热门助学师</text>
					<view class="vider_top_right">
						<!-- <text>查看更多</text>
						<image src="../../../static/right.png" mode=""></image> -->
					</view>
				</view>
				<view class="" v-if="hotList.length!==0">
					<view class="video_bottom" v-for="(item,index) in hotList" :key="index">
						<video :src="item.recommend_video" controls :poster="item.cover"></video>
						<!-- <video v-else src="" controls></video> -->
						<view class="language">
							{{item.teach_language}}
						</view>
						<text class="masterLanguage">掌握语言：{{item.languages}}</text>
					</view>
				</view>
				<view class="noData" v-else>
					暂无数据
				</view>


			</view>
		</view>
		<view class="margin-box">
			<view class="title_text">体验专区</view>
			<swiper class="swiper-tall" :indicator-dots="indicatorDots" :autoplay="autoplay" :previous-margin="previousMargin"
			 :next-margin="nextMargin" :circular="circular" @change="change2" :current="swiperCurrentIndex" v-if="info2.length!==0">
				<swiper-item class="swiper-container" v-for="(item,index) in info2" :key="index" :item-id="index" :data-year="index"
				 :style="{width: '96%',height:'96%'}">
					<view class="swiper-item2" :animation="animationData[index]">
						<video :src="item.recommend_video" controls :poster="item.cover"></video>
						<!-- <video v-else src="" controls></video> -->
						<view class="people_box" @tap="toDetail(item.user_id,item.type)">
							<view class="people_left">
								<image :src="item.map.userinfo.avatar" mode=""></image>
								<text>{{item.map.userinfo.nick_name}}</text>
							</view>
							<text>{{item.popularity}}人气</text>
						</view>
					</view>
				</swiper-item>
			</swiper>
			<view class="noData" v-else>
				暂无数据
			</view>
			<image @tap="toWebView('tiyan')" class="quanImg" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.I0aZJVS6ym7Ld4ff7331dead0a53a3fa61e6b34c3e98.png"
			 mode=""></image>
		</view>
		<view class="margin-box">
			<view class="videoBox">
				<view class="vider_top">
					<text>推荐助学师</text>
					<view class="vider_top_right">
						<!-- <text>查看更多</text>
						<image src="../../../static/right.png" mode=""></image> -->
					</view>
				</view>
				<view class="video_bottom2" v-if="recommendList.length!==0">
					<view class="video_left_box" :class="{video_right_box:index==1}" v-for="(item,index) in recommendList" :key="index">
						<video class="video_left" :class="{video_right:index==1}" :src="item.recommend_video" controls :poster="item.cover"></video>
						<view class="message_box" @tap="toDetail(item.user_id,item.type)">
							<view class="name_box">
								<text class="hideText">{{item.map.userinfo.nick_name}}</text>
								<view class="shenfen">
									{{item.typeText}}
								</view>
							</view>
							<text class="text1">累计学生 {{item.map.studentCount}}人</text>
							<view class="score_box">
								<uni-rate disabled="true" size="14" :value="item.score"></uni-rate>
								<text>{{item.score}}</text>
							</view>
						</view>
					</view>

				</view>
				<view class="noData" v-else>
					暂无数据
				</view>
			</view>
		</view>
		<view class="margin-box">
			<view class="videoBox">
				<view class="vider_top">
					<text>母语助学师</text>
					<view class="vider_top_right">
						<!-- <text>查看更多</text>
						<image src="../../../static/right.png" mode=""></image> -->
					</view>
				</view>
				<view class="" v-if="mother_tongueList.length!==0">
					<view class="flex_box" v-for="(item,index) in mother_tongueList" :key="index">
						<video class="video_left" :src="item.recommend_video" controls :poster="item.cover"></video>
						<view class="message_box margin-box2" @tap="toDetail(item.user_id,item.type)">

							<text class="hideText">{{item.map.userinfo.nick_name}}</text>
							<view class="">
								<view class="shenfen">
									{{item.typeText}}
								</view>
							</view>

							<text class="text1">累计学生 {{item.map.studentCount}}人</text>
							<view class="score_box">
								<uni-rate disabled="true" size="14" :value="item.score"></uni-rate>
								<text>{{item.score}}</text>
							</view>

						</view>
					</view>
				</view>
				<view class="noData" v-else>
					暂无数据
				</view>
			</view>

		</view>
		<view class="margin-box">
			<view class="videoBox">
				<view class="vider_top">
					<text>跨境助学师</text>
					<view class="vider_top_right">
						<!-- <text>查看更多</text>
						<image src="../../../static/right.png" mode=""></image> -->
					</view>
				</view>
				<view class="" v-if="cross_borderList.length!==0">
					<view class="flex_box" v-for="(item,index) in cross_borderList" :key="index">
						<video class="video_left" :src="item.recommend_video" controls :poster="item.cover"></video>
						<view class="message_box margin-box2" @tap="toDetail(item.user_id,item.type)">

							<text class="hideText">{{item.map.userinfo.nick_name}}</text>
							<view class="">
								<view class="shenfen">
									{{item.typeText}}
								</view>
							</view>

							<text class="text1">累计学生 {{item.map.studentCount}}人</text>
							<view class="score_box">
								<uni-rate disabled="true" size="14" :value="item.score"></uni-rate>
								<text>{{item.score}}</text>
							</view>

						</view>
					</view>
				</view>
				<view class="noData" v-else>
					暂无数据
				</view>
			</view>

		</view>
		<view class="margin-box">
			<view class="videoBox">
				<view class="vider_top">
					<text>专业助学师</text>
					<view class="vider_top_right">
						<!-- <text>查看更多</text>
						<image src="../../../static/right.png" mode=""></image> -->
					</view>
				</view>
				<view class="" v-if="majorList.length!==0">
					<view class="video_bottom" v-for="(item,index) in majorList" :key="index">
						<div>
							<video :src="item.recommend_video" controls :poster="item.cover"></video>
						</div>
						<view class="language">
							{{item.teach_language}}
						</view>
						<text class="masterLanguage">掌握语言：{{item.languages}}</text>
					</view>
				</view>
				<view class="noData" v-else>
					暂无数据
				</view>
			</view>
		</view>
		<!-- <view class="margin-box">
			<view class="title">
				优秀评论
			</view>
			<view class="commentBox">
				<view class="comment_item">
					<view class="comment_title">
						<text>《聊聊历史》</text>
						<text>5月6日</text>
						<text>08：00-08：30</text>
					</view>
					<view class="comment_body">
						<image class="headImg" src="../../../static/avatar.jpg" mode=""></image>
						<view class="comment_right">
							<view class="comment_name">
								<text>用户名</text>
								<text>2019.06.25</text>
							</view>
							<view class="score_box">
								<uni-rate disabled="true" size="13" value="4.0"></uni-rate>
								<text>4.0</text>
							</view>
							<view class="comment_text">
								讲的不错，讲的不错讲的讲的不错，讲的不错讲的讲的不错，讲的不错讲的讲的不错，讲的不错讲的讲的不错，讲的不错讲的
							</view>
						</view>
					</view>
				</view>
				<view class="comment_item">
					<view class="comment_title">
						<text>《聊聊历史》</text>
						<text>5月6日</text>
						<text>08：00-08：30</text>
					</view>
					<view class="comment_body">
						<image class="headImg" src="../../../static/avatar.jpg" mode=""></image>
						<view class="comment_right">
							<view class="comment_name">
								<text>用户名</text>
								<text>2019.06.25</text>
							</view>
							<view class="score_box">
								<uni-rate disabled="true" size="13" value="4.0"></uni-rate>
								<text>4.0</text>
							</view>
							<view class="comment_text">
								讲的不错，讲的不错讲的讲的不错，讲的不错讲的讲的不错，讲的不错讲的讲的不错，讲的不错讲的讲的不错，讲的不错讲的
							</view>
						</view>
					</view>
				</view>
			</view>
		</view> -->
		<!-- <image class="learnHome" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.1vAI8ZENQtcVe4e465e2b702ddc0715497dc25667405.png" mode="" @tap="tofindUser"></image> -->
	</view>
</template>

<script>
	import uniSwiperDot from "@/components/uni-swiper-dot.vue"
	import uniRate from "@/components/uni-rate/uni-rate.vue"
	import uniIcon from "@/components/uni-icon/uni-icon.vue"


	import {
		app
	} from 'common/sdkConfig.js'
	import {
		mapState
	} from 'vuex'
	export default {
		computed: mapState(['hascall']),

		components: {
			uniSwiperDot,
			uniRate,
			uniIcon
		},
		data() {
			return {
				info: [{
						content: 1
					},
					{
						content: 2
					},
					{
						content: 3
					}
				],
				current: 0,
				mode: 'default',
				menuList: [{
						url: '/static/jingyu/fenlei.png',
						text: '语言分类'
					},
					{
						url: '/static/jingyu/zhuanye.png',
						text: '专业助学师'
					},
					{
						url: '/static/jingyu/kuajing.png',
						text: '跨境助学师'
					},
					{
						url: '/static/jingyu/muyu.png',
						text: '母语助学师'
					},
					{
						url: '/static/jingyu/sijiao.png',
						text: '私教'
					}
				],
				private_educationList: [], //私教列表
				mother_tongueList: [], //母语助学师列表
				cross_borderList: [], //跨境助学师列表
				majorList: [], //专业助学师
				recommendList: [], //推荐助学师
				info2: [], //体验专区
				hotList: [], //热门助学师
				screenHeight: 0,
				animationData: {
					0: {},
					1: {},
					2: {},
					3: {}
				},
				title: '0',
				indicatorDots: false,
				autoplay: false,
				previousMargin: uni.upx2px(62) + 'px',
				nextMargin: uni.upx2px(62) + 'px',
				circular: true,
				zoomParam: 1.03,
				swiperCurrentIndex: 0,
				user_sign: '',
			}
		},
		onLoad(option) {
			
		},
		onShow() {
			if (uni.getStorageSync('user_info') != ''  || uni.getStorageSync('user_id')) {
				this.user_info = uni.getStorageSync('user_info')
				this.user_sign = uni.getStorageSync('user_sign')
				console.log(this.user_info)
			} else {
				uni.showModal({
					title: '提示',
					content: '许多功能需要登录才能使用，要前往登陆吗',
					success: function(res) {
						if (res.confirm) {
							console.log('用户点击确定');
							uni.navigateTo({
								url: "/pages/Other/login/login"
							})
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			}
			this.getPic();
			this.getTeacherData();
			//当前用户身份
// 			var loginInfo = {
// 				//正常接口
// 				'sdkAppID': app.data.Config.sdkappid, //用户标识接入SDK的应用ID，必填。（这个可以在腾讯云的后台管理看到）
// 				'appIDAt3rd': app.data.Config.sdkappid, //App 用户使用 OAuth 授权体系分配的 Appid，必填（这个其实和上面那个是一样的）
// 				'identifier': this.user_info.user_id, //用户帐号，必填   （这个就是自己服务器里，每个用户的账号，可以自己设置）
// 				'headurl': this.user_info.avatar,
// 				'identifierNick': this.user_info.nick_name, //用户昵称，选填   (这个填不填都没什么问题，但是我个人觉得，聊天嘛，还是得有一个网名)
// 				'accountType': app.data.Config.accountType, //账号类型，必填   (这个可以在后台管理看到，但是腾讯的文档上是没有这个的！！！但是这个必须填，	不填不报错）
// 				'userSig': this.user_sign, //鉴权 Token，identifier 不为空时，必填   我觉得这个也是必填的，这个需要在一开始就从后端获取。
// 				//正常接口
// 			}
// 			console.log(JSON.stringify(loginInfo) + '初始加载loginInfo')
// 			var AdminAcount = 'qwe101';
// 			var selType = webim.SESSION_TYPE.C2C; //当前聊天类型
// 			var selToID = selToID; //当前选中聊天id（当聊天类型为私聊时，该值为好友帐号，否则为群号）
// 			var selSess = null; //当前聊天会话对象
// 			var recentSessMap = {}; //保存最近会话列表
// 			var reqRecentSessCount = 50; //每次请求的最近会话条数，业务可以自定义
// 			var isPeerRead = 1; //是否需要支持APP端已读回执的功能,默认为0。是：1，否：0。
// 			//默认好友头像
// 			// /var friendHeadUrl = 'img/friend.jpg'; //仅demo使用，用于没有设置过头像的好友
// 			//默认群头像
// 			// var groupHeadUrl = 'img/group.jpg'; //仅demo使用，用于没有设置过群头像的情况
// 			//存放c2c或者群信息（c2c用户：c2c用户id，昵称，头像；群：群id，群名称，群头像）
// 			var infoMap = {}; //初始化时，可以先拉取我的好友和我的群组信息
// 			var maxNameLen = 12; //我的好友或群组列表中名称显示最大长度，仅demo用得到
// 			var reqMsgCount = 15; //每次请求的历史消息(c2c获取群)条数，仅demo用得到
// 			var pageSize = 15; //表格的每页条数，bootstrap table 分页时用到
// 			var totalCount = 200; //每次接口请求的条数，bootstrap table 分页时用到
// 			var emotionFlag = false; //是否打开过表情选择框
// 			var curPlayAudio = null; //当前正在播放的audio对象
// 			var getPrePageC2CHistroyMsgInfoMap = {}; //保留下一次拉取好友历史消息的信息
// 			var getPrePageGroupHistroyMsgInfoMap = {}; //保留下一次拉取群历史消息的信息
// 			var defaultSelGroupId = null; //登录默认选中的群id，选填，仅demo用得到
// 			//监听（多终端同步）群系统消息方法，方法都定义在receive_group_system_msg.js文件中
// 			//注意每个数字代表的含义，比如，
// 			//1表示监听申请加群消息，2表示监听申请加群被同意消息，3表示监听申请加群被拒绝消息
// 			// 			var onGroupSystemNotifys = {
// 			// 				"1": onApplyJoinGroupRequestNotify, //申请加群请求（只有管理员会收到）
// 			// 				"2": onApplyJoinGroupAcceptNotify, //申请加群被同意（只有申请人能够收到）
// 			// 				"3": onApplyJoinGroupRefuseNotify, //申请加群被拒绝（只有申请人能够收到）
// 			// 				"4": onKickedGroupNotify, //被管理员踢出群(只有被踢者接收到)
// 			// 				"5": onDestoryGroupNotify, //群被解散(全员接收)
// 			// 				"6": onCreateGroupNotify, //创建群(创建者接收)
// 			// 				"7": onInvitedJoinGroupNotify, //邀请加群(被邀请者接收)
// 			// 				"8": onQuitGroupNotify, //主动退群(主动退出者接收)
// 			// 				"9": onSetedGroupAdminNotify, //设置管理员(被设置者接收)
// 			// 				"10": onCanceledGroupAdminNotify, //取消管理员(被取消者接收)
// 			// 				"11": onRevokeGroupNotify, //群已被回收(全员接收)
// 			// 				"15": onReadedSyncGroupNotify, //群消息已读同步通知
// 			// 				"255": onCustomGroupNotify, //用户自定义通知(默认全员接收)
// 			// 				"12": onInvitedJoinGroupNotifyRequest //邀请加群(被邀请者接收,接收者需要同意)
// 			// 			};
// 			// 			//监听好友系统通知函数对象，方法都定义在receive_friend_system_msg.js文件中
// 			// 			var onFriendSystemNotifys = {
// 			// 				"1": onFriendAddNotify, //好友表增加
// 			// 				"2": onFriendDeleteNotify, //好友表删除
// 			// 				"3": onPendencyAddNotify, //未决增加
// 			// 				"4": onPendencyDeleteNotify, //未决删除
// 			// 				"5": onBlackListAddNotify, //黑名单增加
// 			// 				"6": onBlackListDeleteNotify //黑名单删除
// 			// 			};
// 			// 
// 			// 			var onC2cEventNotifys = {
// 			// 				"92": onMsgReadedNotify, //消息已读通知,
// 			// 				"96": onMultipleDeviceKickedOut
// 			// 			};
// 			// 
// 			// 			//监听资料系统通知函数对象，方法都定义在receive_profile_system_msg.js文件中
// 			// 			var onProfileSystemNotifys = {
// 			// 				"1": onProfileModifyNotify //资料修改
// 			// 			};
// 			//监听事件
// 			// var newMsgList = webim.Msg()
// 			var sessMap = webim.MsgStore.sessMap();
// 			var selSess = webim.MsgStore.sessByTypeId(selType, selToID);
// 			var listeners = {
// 				"onConnNotify": this.onConnNotify, //监听连接状态回调变化事件,必填
// 
// 				// 				"jsonpCallback": jsonpCallback //IE9(含)以下浏览器用到的jsonp回调函数，
// 				// 					, 
// 				"onMsgNotify": this.onMsgNotify, //监听新消息(私聊，普通群(非直播聊天室)消息，全员推送消息)事件，必填
// 				// 					,
// 				// 				"onBigGroupMsgNotify": onBigGroupMsgNotify //监听新消息(直播聊天室)事件，直播场景下必填
// 				// 					,
// 				"onGroupSystemNotifys": this.onGroupSystemNotifys //监听（多终端同步）群系统消息事件，如果不需要监听，可不填
// 				// 					,
// 				// 				"onGroupInfoChangeNotify": onGroupInfoChangeNotify //监听群资料变化事件，选填
// 				// 					,
// 				// 				"onFriendSystemNotifys": onFriendSystemNotifys //监听好友系统通知事件，选填
// 				// 					,
// 				// 				"onProfileSystemNotifys": onProfileSystemNotifys //监听资料系统（自己或好友）通知事件，选填
// 				// 					,
// 				// 				"onKickedEventCall": onKickedEventCall //被其他登录实例踢下线
// 				// 					,
// 				// 				"onC2cEventNotifys": onC2cEventNotifys //监听C2C系统消息通道
// 				// 					,
// 				// 				"onAppliedDownloadUrl": onAppliedDownloadUrl //申请文件/音频下载地址的回调
// 				// 					,
// 				// 				"onLongPullingNotify": function(data) {
// 				// 					console.debug('onLongPullingNotify', data)
// 				// 				}
// 			};
// 			var isAccessFormalEnv = true; //是否访问正式环境
// 			var isLogOn = false; //是否开启sdk在控制台打印日志
// 			//初始化时，其他对象，选填
// 			var options = {
// 				'isAccessFormalEnv': isAccessFormalEnv, //是否访问正式环境，默认访问正式，选填
// 				'isLogOn': isLogOn //是否开启控制台打印日志,默认开启，选填
// 			}
// 
// 			if (webim.checkLogin()) { //检查是否登录返回true和false,不登录则重新登录
// 				console.log('已登录')
// 				this.onMsgNotify()
// 				// this.getRecentContactList(reqRecentSessCount)
// 			} else {
// 				console.log('登录')
// 				// TIM.registerPlugin({'cos-wx-sdk': COS}); // 在 login 前调用，以支持文件上传腾讯云对象存储
// 				this.webimLogin(loginInfo, listeners, options, reqRecentSessCount)
// 			}
		},
		onReady() {

		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
			change(e) {
				this.current = e.detail.current;
			},
			change2(e) {
				this.swiperCurrentIndex = e.detail.current;
				this.title = e.detail.currentItemId;
				for (let key in this.animationData) {
					if (e.detail.currentItemId == key) {
						this.animation.scale(this.zoomParam).step();
						this.animationData[key] = this.animation.export();
					} else {
						this.animation.scale(1.0).step();
						this.animationData[key] = this.animation.export();
					}
				}
			},
			getPic() {
				var me = this;
				var data = {
					type: 'master_title'
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: "exhibitionPic",
					actionName: 'query',
					data: data,
					successBack: function(res) {
						// console.log(res, '图片')
						me.info = res.data.data
					}
				})
			},
			getTeacherData() {
				var data = {
					currentPage: 1
				}
				var me = this;
				this.myAjaxNew({
					model: 'user',
					controllerName: "masterInfo",
					actionName: 'queryHomeListPage',
					data: data,
					successBack: function(res) {
						console.log(res, '助学师')
						if (res.data.data.length != 0) {
							me.private_educationList = [];
							me.recommendList = [];
							me.majorList = [];
							me.cross_borderList = [];
							me.mother_tongueList = [];
							me.info2 = [];
							var arr = []
							for (var j = 0; j < res.data.data.length; j++) {
								res.data.data[j].languages = []
							}
							for (var i = 0; i < res.data.data.length; i++) {
								// res.data.data[i].languages.push(res.data.data[i].mother_tongue + '(母语)', res.data.data[i].teach_language.split(
								// 	','), res.data.data[i].language.split(','))
								if (res.data.data[i].mother_tongue != '') {
									res.data.data[i].languages.push(res.data.data[i].mother_tongue + '(母语)')
								}
								if (res.data.data[i].teach_language != '') {
									res.data.data[i].languages.push(res.data.data[i].teach_language.split(
										','))
								}
								if (res.data.data[i].language != '') {
									res.data.data[i].languages.push(res.data.data[i].language.split(','))
								}
								res.data.data[i].languages = me.flatten(res.data.data[i].languages)
								res.data.data[i].languages = me.removalArr(res.data.data[i].languages)
								res.data.data[i].languages = res.data.data[i].languages.join('、')

								if (res.data.data[i].type == 'private_education') {
									res.data.data[i].typeText = '私教'
								} else if (res.data.data[i].type == 'major') {
									res.data.data[i].typeText = '专业助学师'
								} else if (res.data.data[i].type == 'cross_border') {
									res.data.data[i].typeText = '跨境助学师'
								} else if (res.data.data[i].type == 'mother_tongue') {
									res.data.data[i].typeText = '母语助学师'
								}

								if (res.data.data[i].score.toString().indexOf('.') == -1) {
									res.data.data[i].score = res.data.data[i].score + '.0'
								}

								if (res.data.data[i].layout == 3) {
									if (res.data.data[i].recommend_type == 'recommend') {
										me.recommendList.push(res.data.data[i])
									} else if (res.data.data[i].recommend_type == 'major') {
										me.majorList.push(res.data.data[i])
									} else if (res.data.data[i].recommend_type == 'hot') {
										me.hotList.push(res.data.data[i])
									}
								} else if (res.data.data[i].layout == 4) {
									me.info2.push(res.data.data[i])
								} else if (res.data.data[i].layout == 1) {
									me.mother_tongueList.push(res.data.data[i]);
								} else if (res.data.data[i].layout == 2) {
									if (res.data.data[i].recommend_type == 'private_education') {
										me.private_educationList.push(res.data.data[i])
									} else if (res.data.data[i].recommend_type == 'cross_border') {
										me.cross_borderList.push(res.data.data[i])
									}

								}
							}

							if (me.recommendList.length > 2) {
								me.recommendList.length = 2;
							}
							if (me.majorList.length > 2) {
								me.majorList.length = 2;
							}
							if (me.hotList.length > 1) {
								me.hotList.length = 1;
							}

						}

					}
				})
			},
			removalArr(arr) { //去重
				var arrs = [];
				for (var b = 0; b < arr.length; b++) {
					if (arr[b] != "") {
						if (arrs.indexOf(arr[b]) == -1) {
							arrs.push(arr[b])
						};
					}
				}
				return arrs;
			},
			flatten(arr) { //数组扁平化
				while (arr.some(item => Array.isArray(item))) {
					arr = [].concat(...arr);
				}
				return arr;
			},
			toUserList(type) {
				var search_type = 'master'
				if (type == '语言分类') {
					var language_type = true
					var condition = ''
				} else {
					var condition = type
				}
				if (language_type == true) {
					uni.navigateTo({
						url: '../../../pages/Meet/userList/userList?search_type=' + search_type + '&condition=' + type +
							'&language_type=true'
					})
				} else {
					uni.navigateTo({
						url: '../../../pages/Meet/userList/userList?search_type=' + search_type + '&condition=' + type
					})
				}

			},
			videoErrorCallback: function(e) {
				uni.showModal({
					content: e.target.errMsg,
					showCancel: false
				})
			},
			toDetail(id, type) {
				uni.navigateTo({
					url: '../../../pages/My/otherHelpCenter/otherHelpCenter?id=' + id + '&type=' + type
				})
			},
			tofindUser() {
				uni.navigateTo({
					url: '../../../pages/Meet/findUser/findUser'
					// url: '../../../pages/Meet/MLVBRoom/MLVBRoom'
					// url: '../../../pages/Meet/liveGroupSet/liveGroupSet'
					// url:'../../../pages/Meet/talkChatRoom/talkChatRoom'
					// url:'../../../pages/Meet/talkGroupUserList/talkGroupUserList'
				})
			},
			toWebView(type) {
				uni.navigateTo({
					url: '../../../pages/Meet/newWebView/newWebView?type=' + type
				})
			},
			toRuzhu(type) {
				uni.navigateTo({
					url: '../../../pages/My/helpStudy/helpStudy?type=' + type
				})
			},
// 			//sdk登录
// 
// 			webimLogin(loginInfo, listeners, options, reqRecentSessCount) {
// 				// console.log(loginInfo)
// 				var _this = this;
// 				webim.login(
// 					loginInfo, listeners, options,
// 					function(resp) {
// 
// 						// _this.setProfilePortrait()
// 						console.log('登录成功' + loginInfo)
// 						console.log(resp, '参数')
// 						loginInfo.identifierNick = resp.identifierNick; //设置当前用户昵称
// 						loginInfo.headurl = resp.headurl; //设置当前用户头像
// 						uni.setStorageSync('loginInfo', loginInfo);
// 						// initDemoApp();
// 						_this.onMsgNotify()
// 						// 						_this.initRecentContactList();  // 获取消息列表
// 						// 						webim.syncGroupMsgs({}, function(data) {
// 						// 							console.debug(data);
// 						// 						}, function(data) {
// 						// 							console.debug(data);
// 						// 						});
// 						// _this.getRecentContactList(reqRecentSessCount) //查询最近联系人
// 					},
// 					function(err) {
// 						console.log("离线状态", err.ErrorInfo)
// 						uni.showToast({
// 							title: "离线状态",
// 							icon: 'none'
// 						})
// 						// alert(err.ErrorInfo);
// 					}
// 				);
// 			},
// 			//监听新消息(私聊，普通群(非直播聊天室)消息，全员推送消息)事件，必填
// 			onMsgNotify(newMsgList) {
// 				console.log(newMsgList, '首页新消息')
// 
// 				if (newMsgList != undefined) {
// 					uni.showTabBarRedDot({
// 						index: 3
// 					})
// 					// if(newMsgList[])
// 					var obj = {}
// 					if (newMsgList[0].elems[0].type == 'TIMTextElem') {
// 						obj.type = 'text'
// 						obj.text = newMsgList[0].elems[0].content.text
// 					} else {
// 						obj.type = newMsgList[0].elems[0].type;
// 					}
// 					obj.content = newMsgList[0].elems[0].content
// 					obj.fromAccount = newMsgList[0].fromAccount
// 					uni.setStorageSync('newMessage', obj)
// 					var newMessage = uni.getStorageSync('newMessage')
// 					console.log(newMessage, '储存本地')
// 					if (newMsgList[0].elems[0].type == "TIMCustomElem") {
// 						var data = JSON.parse(newMsgList[0].elems[0].content.data)
// 						if (data.type == 'videoMessage') {
// 							uni.navigateTo({
// 								url: '/pages/Friend/waitClass/waitClass?data=' + newMsgList[0].elems[0].content.data
// 							})
// 
// 						} else if (data.type == 'videoAgreeMessage') {
// 							uni.redirectTo({
// 								url: '/pages/Friend/videoChat/videoChat?data=' + newMsgList[0].elems[0].content.data
// 							})
// 						} else if (data.type == 'videoHangupMessage') {
// 							// 	uni.navigateTo({
// 							// 		// url: '/pages/Friend/chat/chat?user_id=' + data.userId +'&data=' +newMsgList[0].elems[0].content.data,
// 							// 		url: "/pages/Friend/chat/chat?item=" + data.userId + "&chatType=C2C"
// 							// 
// 							// 	})
// 							uni.navigateBack({
// 								delta: 1
// 							})
// 							uni.showToast({
// 								title: '对方已挂断',
// 								icon: 'none'
// 							})
// 						} else if (data.type == 'videorefuseMessage') {
// 							uni.navigateBack({
// 								delta: 1
// 							})
// 							uni.showToast({
// 								title: '对方已拒绝',
// 								icon: 'none'
// 							})
// 						} else if (data.type == 'videocancelMessage') {
// 							uni.navigateBack({
// 								delta: 1
// 							})
// 							uni.showToast({
// 								title: '对方已取消',
// 								icon: 'none'
// 							})
// 						} else if (data.type == 'VideomessageIng') {
// 							uni.navigateBack({
// 								delta: 1
// 							})
// 							uni.showToast({
// 								title: '对方通话中',
// 								icon: 'none'
// 							})
// 						}
// 					}
// 
// 					// console.log(data.userId)
// 
// 					// 					for (var j in newMsgList) {
// 					// 						for (var z in newMsgList[j]) {
// 					// 							var data = JSON.parse(newMsgList[j].elems[0].content.data)
// 					// 							console.log(data, '消息类型')
// 					// 							if (data.type == 'videoMessage') {
// 					// 								uni.navigateTo({
// 					// 									url: '/pages/Friend/waitClass/waitClass?user_id=' + data.userID
// 					// 								})
// 					// 							}
// 					// 						}
// 					// 
// 					// 					}
// 				}
// 			},
// 			// 			webim.syncMsgs = function (cbOk, cbErr) {
// 			// 			    return MsgManager.syncMsgs(cbOk, cbErr);
// 			// 			},
// 			onGroupSystemNotifys() {
// 				console.log(1)
// 			},
// 			//聊天页面增加一条消息
// 
// 			//监听连接状态回调变化事件
// 			onConnNotify(resp) {
// 				var info;
// 				switch (resp.ErrorCode) {
// 					case webim.CONNECTION_STATUS.ON:
// 						webim.Log.warn('建立连接成功: ' + resp.ErrorInfo);
// 						break;
// 					case webim.CONNECTION_STATUS.OFF:
// 						info = '连接已断开，无法收到新消息，请检查下你的网络是否正常: ' + resp.ErrorInfo;
// 						uni.showToast({
// 							title: info,
// 							icon: 'none'
// 						})
// 						// alert(info);
// 						webim.Log.warn(info);
// 						break;
// 					case webim.CONNECTION_STATUS.RECONNECT:
// 						info = '连接状态恢复正常: ' + resp.ErrorInfo;
// 						uni.showToast({
// 							title: info,
// 							icon: 'none'
// 						})
// 						// alert(info);
// 						webim.Log.warn(info);
// 						break;
// 					default:
// 						webim.Log.error('未知连接状态: =' + resp.ErrorInfo);
// 						break;
// 				}
// 			},
// 			sendCustomMsg(videoData) { //发送自定义消息
// 				var data = {
// 					type: 'VideomessageIng',
// 					roomId: videoData.roomId,
// 				}
// 
// 				var me = this
// 				data = JSON.stringify(data)
// 				var desc = "";
// 				var ext = "";
// 
// 				var msgLen = webim.Tool.getStrBytes(data);
// 				var selToID = videoData.roomId;
// 				if (data.length < 1) {
// 					console.log("发送的消息不能为空!");
// 					return;
// 				}
// 				var maxLen, errInfo;
// 				if (this.selType == webim.SESSION_TYPE.C2C) {
// 					maxLen = webim.MSG_MAX_LENGTH.C2C;
// 					errInfo = "消息长度超出限制(最多" + Math.round(maxLen / 3) + "汉字)";
// 				} else {
// 					maxLen = webim.MSG_MAX_LENGTH.GROUP;
// 					errInfo = "消息长度超出限制(最多" + Math.round(maxLen / 3) + "汉字)";
// 				}
// 				if (msgLen > maxLen) {
// 					console.log(errInfo);
// 					return;
// 				}
// 				// console.log(selSess);
// 				console.log(111);
// 				if (!selSess) {
// 					var selSess = new webim.Session(this.selType, selToID, selToID, this.friendHeadUrl, Math.round(new Date().getTime() /
// 						1000));
// 				}
// 				var msg = new webim.Msg(selSess, true, -1, -1, -1, this.loginInfo.identifier, 0, this.loginInfo.identifierNick);
// 				var custom_obj = new webim.Msg.Elem.Custom(data, desc, ext);
// 				msg.addCustom(custom_obj);
// 				//调用发送消息接口
// 				msg.sending = 1;
// 				webim.sendMsg(msg, function(resp) {
// 					// addMsg(msg);
// 					// $("#id_" + msg.random).find(".spinner").remove();
// 					// if (selType == webim.SESSION_TYPE.C2C) {
// 					//     //私聊时，在聊天窗口手动添加一条发的消息，群聊时，长轮询接口会返回自己发的消息
// 					//     addMsg(msg);
// 					// }
// 					// $('#edit_custom_msg_dialog').modal('hide');
// 					var msgData = {
// 						content: JSON.parse(data),
// 						fromAccount: uni.getStorageSync('user_id'),
// 					}
// 
// 				}, function(err) {
// 					console.log(err.ErrorInfo);
// 				});
// 			},
		}
	}
</script>

<style scoped>
	.body {
		padding-bottom: 88upx;
	}

	.head {
		height: 128upx;
		display: flex;
		justify-content: space-between;
		font-size: 32upx;
		padding: 0 24upx;
		background: #ffffff;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	.head image {
		height: 36upx;
		width: 20upx;
		margin-right: 9upx;
	}

	.head_left {
		display: flex;
		align-items: center;
		color: #666666;
	}

	.padding-box {
		padding-top: 148upx;
	}

	.swiper-box {
		height: 390upx;
	}

	.swiper-item {
		text-align: center;
		line-height: 100%;
	}

	.swiper-item image {
		width: 100%;
		height: 390upx;
		/* border-radius: 10upx; */
		/* box-shadow: 0px 2px 2px 2px rgba(70, 206, 207, 0.3); */
	}

	.margin-box {
		margin-top: 20upx;
		background: #FFFFFF;

	}

	.menu_box {
		display: flex;
		justify-content: space-around;
		padding-top: 30upx;
	}

	.menu_item {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.menu_item image {
		width: 88upx;
		height: 88upx;
		margin-bottom: 20upx;
	}

	.menu_item text {
		font-size: 24upx;
		color: #999999;
	}

	.picBox {
		display: flex;
		flex-direction: column;
		padding: 50upx 28upx 40upx 28upx;
	}

	.picBox_item {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10upx;
	}

	.join {
		width: 410upx;
		height: 185upx;
	}

	.tiyan {
		width: 275upx;
		height: 185upx;
	}

	.Strategy,
	.manual {
		width: 342upx;
		height: 185upx;
	}

	.videoBox {
		padding: 30upx 25upx 40upx 25upx;
		display: flex;
		flex-direction: column;
	}

	.language {
		position: absolute;
		background: #46CECF;
		font-size: 28upx;
		color: #FFFFFF;
		text-align: center;
		padding: 4upx 6upx;
		right: 24upx;
		top: 44upx;
		border-radius: 6upx;
		z-index: 8000;
	}

	.vider_top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #333333;
		font-size: 36upx;
		font-weight: bold;
	}

	.vider_top_right {
		display: flex;
		align-items: center;
		color: #999999;
		font-size: 24upx;
		font-weight: 100;
	}

	.vider_top_right image {
		width: 16upx;
		height: 28upx;
		margin-left: 10upx;
	}

	.video_bottom {
		position: relative;
	}

	.video_bottom video {
		width: 700upx;
		height: 415upx;
		border-radius: 20upx;
		margin-top: 20upx;
	}

	.video_bottom2 {
		display: flex;
		justify-content: space-between;
		position: relative;
	}

	.video_left_box {
		width: 420upx;
	}

	.video_left {
		margin-top: 20upx;
		width: 420upx;
		height: 260upx;
		border-radius: 20upx;

	}

	.video_right_box {
		width: 260upx;
	}

	.video_right {
		margin-top: 20upx;
		width: 260upx;
		height: 260upx;
		border-radius: 20upx;
	}

	.name_box {
		display: flex;
		align-items: center;
		color: #000000;
		font-size: 30upx;

	}

	.hideText {
		max-width: 135upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-right: 18upx;
		font-weight: bold;
		color: #000000;
		font-size: 30upx;
	}

	.message_box {
		display: flex;
		flex-direction: column;
	}

	.shenfen {
		color: #32CCCC;
		font-size: 18upx;
		border: 1upx solid #32CCCC;
		height: 24upx;
		line-height: 24upx;
		padding: 0 6upx;
		max-width: 90upx;
		text-align: center;
	}

	.text1 {
		color: #999999;
		font-size: 22upx;
		margin: 10upx 0;
	}

	.score_box {
		display: flex;
		align-items: center;
		color: #FCC732;
		font-size: 24upx;
	}

	.score_box text {
		margin-left: 20upx;
	}

	.flex_box {
		display: flex;
	}

	.margin-box2 {
		margin-top: 20upx;
		margin-left: 20upx;
	}

	.masterLanguage {
		position: absolute;
		color: #FFFFFF;
		font-size: 28upx;
		bottom: 68upx;
		left: 22upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 470upx;
	}

	.title {
		color: #333333;
		font-size: 36upx;
		font-weight: bold;
		line-height: 84upx;
		border-bottom: 1upx solid #E6E6E6;
		padding: 0 24upx;
	}

	.comment_item {
		padding: 0 24upx;
		border-bottom: 1upx solid #E6E6E6;
	}

	.comment_title {
		display: flex;
		color: #333333;
		font-size: 28upx;
		font-weight: bold;
		margin-top: 34upx;
	}

	.comment_title text {
		margin-right: 20upx;
	}

	.comment_body {
		display: flex;
		padding: 25upx 0;
	}

	.headImg {
		width: 40upx;
		height: 40upx;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 10upx;
	}

	.comment_right {
		display: flex;
		flex-direction: column;
		width: 570upx;
	}

	.comment_name {
		color: #999999;
		font-size: 20upx;
	}

	.comment_name text {
		margin-right: 20upx;
	}

	.comment_text {
		color: #333333;
		font-size: 26upx;
		margin-top: 10upx;
	}

	.learnHome {
		position: fixed;
		width: 135upx;
		height: 135upx;
		bottom: 250upx;
		right: 30upx;
		z-index: 9000;
	}

	.quanImg {
		width: 702upx;
		height: 185upx;
		margin-left: 24upx;
	}

	.swiper-tall {
		height: 510upx;
	}

	.swiper-container {
		/* border: 1upx solid #E6E6E6; */
		border-radius: 20upx;
		padding: 24upx 0upx;
		text-align: center;
		width: 200upx;
	}

	.swiper-item2 {
		border: 1upx solid #E6E6E6;
		padding: 12upx;
		border-radius: 20upx;
		margin: 0 10upx;
	}

	.swiper-item2 video {
		width: 576upx;
		height: 350upx;
		border-radius: 20upx;
		overflow: hidden;
	}

	.people_box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #999999;
		font-size: ;
		padding: 0 24upx;
	}

	.people_left {
		display: flex;
		color: #000000;
		font-size: 30upx;
		font-weight: bold;
	}

	.people_left image {
		width: 65upx;
		height: 65upx;
		overflow: hidden;
		border-radius: 50%;
		margin-right: 15upx;
	}

	.title_text {
		color: #333333;
		font-size: 36upx;
		padding-left: 24upx;
		padding-top: 35upx;
		font-weight: bold;
	}

	.noData {
		width: 100%;
		text-align: center;
		line-height: 300upx;
		color: #999999;
		font-size: 28upx;
	}
</style>
